<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" /> 
		<title>护线</title>
		<!-- head 中 -->
		<link rel="stylesheet" href="css/weui.min.css">
		<link rel="stylesheet" href="css/jquery-weui.min.css">
	</head>

	<body>
		<div class="weui_panel">
			<div class="weui_panel_hd">历史任务</div>
			<div class="weui_panel_bd">
				
			</div>
		</div>

		<div class="weui-infinite-scroll">
		    <div class="infinite-preloader"></div>
		 	正在加载...
		</div>
		<script id="tpl" type="text/template">
			{@each list as it,index}
			<div class="weui_media_box weui_media_text">
				<h4 class="weui_media_title">${it.name}<span style="float: right;color: #999;font-size: 13px;">奖励：<span>50元</span></span></h4> 
				<p class="weui_media_desc">${it.description}</p>
				<ul class="weui_media_info">
					<li class="weui_media_info_meta">
						<a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_primary">详情</a>
					</li>
					<li class="weui_media_info_meta">
						<a href="location.html?position_coord=${it.postion_coord.value|transfer}" class="weui_btn weui_btn_mini weui_btn_primary">位置</a>
					</li>
				</ul>
			</div>
			{@/each}
		</script>

		<script src="js/jquery-2.1.4.js"></script>
		<script src="js/jquery-weui.min.js"></script>
		<script src="js/juicer-min.js"></script>
		<script src="js/util.js"></script>
		<script src="history_list.js"></script>
	</body>

</html>